<template>
	<div id="" class="home-bottom">
		<ul>
			<li v-for="(items , key , index ) in homeBot">
				<a href="">
					<img :src="items.Url"/>
					<p>{{items.p}}</p>
				</a>
			</li>
		</ul>
		<div id="" class="home-bottom-y1">
			<a href="">
				电脑版
			</a>
			<a href="">
				<i class="home-bottom-y1-i"></i>
				简体中文
			</a>
			<a href="">
				意见反馈
			</a>
		</div>
		<div id="" class="home-bottom-foot">
			<p>
				©nancen
			</p>
		</div>
	</div>
</template>

<script>
	export default{
		props:{
			homeBot:Array
		}
//		data(){
//			return{
//				mes:[
//					{
//						id:"001",
//						Url:"https://pic5.40017.cn/02/000/64/7b/rBLkCVqp3pSAND1WAAACDBVkQaU993.png",
//						p:'客服电话'
//					},
//					{
//						id:"002",
//						Url:"https://pic5.40017.cn/01/000/64/74/rBLkBlqp3pSAUjDFAAAAqM2yKYA236.png",
//						p:'下载客户端'
//					},
//					{
//						id:"003",
//						Url:"https://pic5.40017.cn/02/001/64/7b/rBLkCVqp3pSAItBpAAABv-mJDd4590.png",
//						p:'我的同程'
//					},
//				
//				]
//			}
//		}
	}
</script>

<style lang="stylus" scoped="scoped">
.home-bottom
	margin:.3rem 0 0 0
	background:rgba(50,50,50,.033)
	ul
		display:flex
		padding-top:.8rem
		justify-content:space-around
		width:100%
		li  
			a
				display:flex
				align-items:center
				flex-direction:column
				color:#666
	.home-bottom-y1
		padding:.3rem .5rem
		display:flex
		justify-content:space-around
		a
			color:#777
			text-align:center
			line-height:.2rem
			font-size:14px
			.home-bottom-y1-i
				background:url(//pic5.40017.cn/01/001/9c/5c/rBLkBlrNwKCALGcVAAAEyPA_usE580.png) no-repeat 
				width:.25rem
				height:.15rem
				display:inline-block
				text-align:center
				line-height:.15rem
	.home-bottom-foot
		text-align:center
		color:#777
		font-size:12px
		padding-bottom:.3rem
		
</style>